<script setup>

</script>

<template>
  <div class="you-icon">
    <svg xmlns="http://www.w3.org/2000/svg" width="80%" height="80%" viewBox="0 0 32 32">
      <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m11.5 16l3.5 3.5l6-6m8 2.5a13 13 0 1 1-26 0a13 13 0 0 1 26 0" />
    </svg>
  </div>
</template>

<style scoped>

.you-icon{
  transition: all var(--transition-time);
  border-bottom: 1px solid var(--el-border-color-light);
  display: flex;
  justify-content: center;
  color: #329fef;
  margin: 5px auto;
/*  background-image: url('@/assets/logo.png');*/
  width: var(--aside-bar-width);
  height: var(--aside-bar-width);
  /*background-position: center center;
  background-size: 90% 90%;
  background-repeat: no-repeat;*/
}


</style>
